@import "@scss/hairline.scss";

.root {
  :global {
    .top {
      height: 250px;
      background: url("~@/assets/images/1.gif") no-repeat 100%;
      color: #fff;
      .top-icon {
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 20px;
        font-size: 20px;
      }
      .top-user {
        height: 100px;
        .name {
          margin-top: 10px;
          height: 30px;
          .vip-icon {
            display: inline-block;
            font-size: 20px;
          }
        }
      }
      .top-bottom {
        text-align: center;
        height: 100px;
        font-size: 24px;
        color: #8df;
        span {
          font-size: 16px;
        }
      }
    }
    .middle {
      .top-bottom {
        text-align: center;
        height: 100px;
        font-size: 24px;
        color: #8df;
        span {
          font-size: 16px;
        }
      }
    }
  }
}
